<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>股票分析系统</title>
  
  <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
  <script src="./js/axios.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="./js/vue.min.js" type="text/javascript" charset="utf-8"></script>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>设置背景图片</title>
      <style>
          body {
              background-image: url('img/2.png'); /* 替换为你实际图片路径 */
              background-size: cover; /* 可选：设置背景图片大小，cover 表示尽可能填充整个容器 */
              background-position: top; /* 可选：设置背景图片位置 */
              /* 可以添加其他背景相关的样式，如颜色、重复等 */
          }
      </style>
</head>
<body>
  <div id="app">
  <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <a class="navbar-brand" href="#">股票分析系统</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNav">
      <ul class="navbar-nav ml-auto">
        <li class="nav-item active">
          <a class="nav-link" href="index.html">首页<span class="sr-only">(当前)</span></a>
        </li>
        <li class="nav-item ">
          <a class="nav-link" href="kline1.html">展示页 </a>
        </li>
  	  <li class="nav-item">
  	    <a class="nav-link" href="data.html">数据获取</a>
  	  </li>
        <li class="nav-item">
          <a class="nav-link" href="register.html">注册</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="login.html">登录</a>
        </li>
		<li class="nav-item">
		            <img :src="headerurl" class="img-circle ml-3" width="50" height="50">
		          </li>
  	  
      </ul>
    </div>
  </nav>

    <div class="container mt-5">
      <div class="jumbotron">
        <h1 class="display-4">欢迎进入股票分析系统</h1>
        <p class="lead">这是一个简单的股票分析系统，您可以在这里查看股票信息、注册账户和登录系统。</p>
        <hr class="my-4">
        <p>请使用导航栏进行相关操作。</p>
        <a class="btn btn-primary btn-lg" href="detail.html" role="button">了解更多</a>
      </div>
    </div>
  </div>

  <!-- 引入 jQuery -->
  <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
  <!-- 引入 Popper.js -->
  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js"></script>
  <!-- 引入 Bootstrap JS -->
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

  <script type="text/javascript">
    new Vue({
      el: "#app",
      data: {
        headerurl: 'https://image.baidu.com/search/detail?ct=503316480&z=undefined&tn=baiduimagedetail&ipn=d&word=%E5%A4%B4%E5%83%8F&step_word=&lid=10625792483855668664&ie=utf-8&in=&cl=2&lm=-1&st=undefined&hd=undefined&latest=undefined&copyright=undefined&cs=4072472313,1499772933&os=4027394630,83978332&simid=4072472313,1499772933&pn=3&rn=1&di=46137345&ln=1670&fr=&fmq=1721351456482_R&fm=&ic=undefined&s=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&is=0,0&istype=0&ist=&jit=&bdtype=11&spn=0&pi=0&gsm=1e&objurl=https%3A%2F%2Fq1.itc.cn%2Fq_70%2Fimages03%2F20240609%2F1c1be14298be4dbe978e55bde6e958b0.jpeg&rpstart=0&rpnum=0&adpicid=0&nojc=undefined&dyTabStr=MCwzLDEsMiw1LDgsNyw2LDQsOQ%3D%3D'
      },
      mounted() {
        let userName = sessionStorage.getItem("username")
        if (userName != null) {
          this.headerurl = "http://127.0.0.1/" + userName + ".jpg"
        }
      }
    })
  </script>
</body>
</html>
